*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #f5f8fa;
}
.container{
    width: 1200px;
    margin:0 auto;
    display: flex;
}
a{
    text-decoration: none;
}
/*nav部分*/
nav{
    background-color: #3097d1;
    border-bottom: 1px #1c73a5 solid;
    padding: 14px 0;
}
.logo{
    padding-right: 15px;
}
.logo img{
    width: 85px;
}
.navbar a{
    color: #d1e5ec;
    padding: 0 15px;
}
.navbar a:hover{
    color: #fff;
}
/*主体左部分*/
.main{
    margin-bottom: 100px;
    width: 100%;
}
.left h2{
    font-size: 16px;
    color: #1e394d;
}
.main-all{
    padding-top: 30px;
}
.left{
    flex: 0 0 25%;
    margin-right: 30px;
}
.dave{
    width: 100%;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px #d3e0e9 solid;
    border-radius: 3px;
}
.dave img{
    display: block;
}
.dave img:nth-of-type(1){
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px #d3e0e9 solid;
}
.dave img:nth-of-type(2){
    width: 100px;
    border: 3px #fff solid;
    border-radius: 50%;
    position: absolute;
    top:70px;
    left: 88px;
}
.dave h2{
    padding-top: 53px;
    padding-bottom: 14px;
    text-align: center;
}
.dave p{
    padding: 0 27px;
    color: #1e394d;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    padding-bottom: 30px;
}


.about{
    color: #1e394d;
    padding: 17px 14px 30px;
    border: 1px #d3e0e9 solid;
    border-radius: 3px;
    margin-bottom: 22px;
}
.about h2{
    padding-bottom: 20px;
}
.about p{
    font-size: 14px;
    line-height: 24px;
}
.about p a{
    color: #3097d1;
}
.about p a:hover{
    color: #2d6fa4;
}



.photos{
    padding: 14px 15px 15px;
    border: 1px #d3e0e9 solid;
    border-radius: 3px;

}
.photos h2{
    padding-bottom: 14px;
}
.photos img{
    width: 117px;

}
.photos img:nth-of-type(1),
.photos img:nth-of-type(3),
.photos img:nth-of-type(5){
    margin-right:7px;
}
.photos img:nth-of-type(1),
.photos img:nth-of-type(2),
.photos img:nth-of-type(3),
.photos img:nth-of-type(4){
    margin-bottom: 6px;
}
/*主体中间部分*/

.content{
    flex: 0 0 50%;
    font-size: 14px;
    margin-right: 30px;
}
.top{
    padding: 28px 20px 0;
    color: #1e394d;
    border: 1px #d3e0e9 solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.h-min{
    padding-bottom: 10px;
}
.h-min h3{
    display: inline-block;
}
.h-min span{
    float: right;
    font-size: 12px;
    color: #9da9b2;
}
.davetxt p{
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 24px;
}
.top .tu{
    padding-bottom: 38px;
}
.top .tu img{
    width: 266px;
    height: 213px;
}
.top .tu img:nth-of-type(1),
.top .tu img:nth-of-type(3){
    margin-right: 5px;
}
.top .tu img:nth-of-type(1),
.top .tu img:nth-of-type(2){
    margin-bottom: 6px;
}
.txt{
    line-height: 22px;
}
.txt h3,.txt p{
    display: inline;
}
.txt-one{
    padding-bottom: 24px;
}
.txt-two{
    padding-bottom: 40px;
}


.con{
    color: #1e394d;
    padding: 25px 20px 34px;
    border: 1px #d3e0e9 solid;
    border-top: none;
}
.h_min h3{
    display: inline-block;
    padding-bottom: 10px;
}
.h_min span{
    float: right;
    font-size: 12px;
    color: #9da9b2;
}
.con p{
    line-height: 22px;
    letter-spacing: -0.5px;
}


.bot{
    color: #1e394d;
    padding: 25px 20px 21px;
    border: 1px #d3e0e9 solid;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.bh-min{
    padding-bottom: 10px;
}
.bh-min h3{
    display: inline-block;
}
.bh-min span{
    float: right;
    font-size: 12px;
    color: #9da9b2;
}
.bot-p{
    line-height: 22px;
    padding-bottom: 24px;
}
.bot-tu{
    padding-bottom: 38px;
}
.bot-tu img{
    width: 542px;
    height: 526px;
}
.bot-txt{
    line-height: 22px;
}
.bot-txt h3,.bot-txt p{
    display: inline;
}




.right{
    flex: 0 0 25%;
    color: #1e394d;
}
.sponsored{
    border: 1px #d3e0e9 solid;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 18px 15px 15px;
}
.sponsored h3{
    font-size: 15px;
    padding-bottom: 8px;
}
.sponsored img{
    width: 246px;
    height: 230px;
    margin-bottom: 12px;
}
.sponsored h4{
    font-size: 14px;
    padding-bottom: 6px;
}
.sponsored p{
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 12px;
}
.sponsored button{
    width: 86px;
    font-size: 12px;
    color: #518bbf;
    padding: 9px 10px;
    border: 1px #2a88bd solid;
    background-color: #fff;
    border-radius: 3px;

}
.sponsored button:hover{
    cursor: pointer;
    color: #fff;
    background-color: #2a88bd;
}



.likes{
    border: 1px #d3e0e9 solid;
    border-radius: 3px;

}

.likes h3{
    font-size: 15px;
    padding-bottom: 12px;
}


.like-top{
    background-color: #fff;
    padding: 15px 15px 14px;
}
.like-tutxt:nth-of-type(1){
    padding-bottom: 8px;
}
.like-tutxt img{
    width: 60px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 13px;
}
.rig p{
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 6px;
}
.rig span{
    font-weight: 300;
}
.rig{
    display: inline-block;
    position: relative;
    top:-16px;
    left: 0;
}
.rig a{
    width: 73px;
    position: relative;
    color: #2a88bd;
    display: inline-block;
    font-size: 12px;
    border: 1px #2a88bd solid;
    padding: 8px 9px;
    border-radius: 3px;
    text-align: right;
}
.rig i{
    background: url("../img/pelpeo.png") no-repeat;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 10px;
    left: 9px;
}
.like-txt{
    padding: 15px 15px 11px;
}
.like-txt p{
    font-size: 14px;
}

/*底部部分*/
footer{
    border-top: 1px #ccc solid;
    padding: 53px 0 60px 0;
    text-align: center;
    margin: auto;
    font-size: 14px;
}
footer p{
    padding-bottom: 20px;
}
footer a{
    color: #309ad9;
}
.fot-a a{
    padding: 0 11px;
}
footer a:hover{
    color: #39638c;
}



/*媒体查询*/
/*@media (max-width: 600px) {
    .container{
        display: block;
    }
    nav .container{
        width: 80%;
        flex-wrap: wrap;
        text-align: center;
    }
    .logo img{
        width: 85px;
        !*margin-left: 120px;*!
        margin-bottom: 10px;
    }
    .navbar a{
        color: #d1e5ec;
        padding: 0 3px;
    }
    .main{
        width: 100%;
        margin: auto;
    }
    .main .container,.content{
        width: 100%;
    }
    .left{
        margin:0 auto 30px;
    }
    .content{
        margin-bottom: 30px;
    }
    .content .tu{
        text-align: center;
    }
    .dave,.about{
        width: 100%;
        margin: 0 auto 30px;
    }
    .bot-tu img{
        width: 100%;
        height: 30%;
    }

    !*.h-min h3{
        !*padding-right: 123px;*!
        padding: 0;
        text-align: right;
    }
    .bh-min h3{
        padding-right: 148px;
    }
    .h_min h3{
        padding-right:105px;
    }*!
    .h-min h3,
    .bh-min h3,
    .h_min h3{
        padding: 0;
    }
    !*.h-min span,
    .bh-min span,
    .h_min span{
        padding: 0;
        position: relative;
        top:0;
        right: 0;
    }*!
    .right{
        margin: 0 auto 30px;
    }
}*/
